Skip to main content

Set Up the Free Shipping Bar

FreeGo displays a free shipping bar on your storefront to show customers how much more they need to spend to reach your free shipping goal.

This guide walks you through enabling the app embed, setting up free shipping in Shopify, and customizing your bar.

important

FreeGo displays your customers' progress toward free shipping. It does not create or change shipping rates in Shopify. Configure your free shipping rate in Shopify and make sure its minimum order amount matches the goal in FreeGo.

Step 1: Enable the app embed​

  1. From your Shopify admin, open Apps => FreeGo.
  2. On the homepage, find App embed status and click Enable app embed. You can also open Free Shipping Bar and click Activate app embed.
  3. In the Shopify theme editor, enable the app embed for FreeGo under App embeds.
  4. Click Save.
  5. Return to FreeGo and click Verify status on the homepage or Check status on the Free Shipping Bar page.

Make sure the app embed is enabled on the theme customers are visiting.

Step 2: Configure free shipping in Shopify​

On the Free Shipping Bar page, click Set up in Shopify. You can also click Open Shopify settings from the homepage.

For stores using shipping profiles:

  1. Go to Settings => Shipping and delivery.
  2. Under Shipping profiles, open the profile covering the products in your offer. Create a custom profile if needed.
  3. Select or add a shipping zone for the eligible countries or regions.
  4. Add or edit a shipping option.
  5. Enable Offer free shipping and enter the minimum order amount.
  6. Click Done, then Save.

For example, if customers qualify for free shipping when they spend 100 USD, configure that minimum amount in Shopify and enter 100 as the goal in FreeGo.

If your store uses shipping options by market, follow the corresponding instructions in Shopify's documentation.

For more details, see Shopify's guide to shipping zones and rates.

tip

If your offer is limited to certain countries, make sure the countries where you display the bar match the destinations eligible for free shipping in Shopify.

Step 3: Set your free shipping goal​

  1. In FreeGo, open Free Shipping Bar.
  2. Under Settings, find Minimum order value for Free shipping.
  3. Enter the same minimum order amount you configured in Shopify.
  4. Check the currency shown next to the field.

For example, enter 100 if your free shipping threshold is 100 USD and the field displays USD.

Step 4: Customize the bar messages​

The bar has three message states based on the customer's cart. Each text field supports up to 100 characters.

Initial text​

This message appears when the cart is empty.

Use the variable {order_value} to display your configured free shipping goal.

Example:

Free shipping on orders of {order_value} or more!

In-progress text​

This message appears before the free shipping goal is reached.

Use the variable {order_value_progress} to display the remaining amount needed to reach the goal.

Example:

You're only {order_value_progress} away from free shipping!

Goal reached text​

This message appears when the customer's cart reaches the configured goal.

Example:

Congratulations! You've reached the free shipping goal!
note

Keep the variable names exactly as shown, including the curly braces. FreeGo replaces them with the corresponding amounts on your storefront.

Step 5: Review the appearance and activate the bar​

  1. Scroll to Appearance and use the Colors settings to customize the bar.
  2. Review the Preview panel to check how your bar looks.
  3. Save your changes and make sure your free shipping bar is activated.

Both the app embed and the free shipping bar must be active for the bar to appear on your storefront.

Step 6: Test on your storefront​

Open your storefront and check the following:

TestExpected result
Open the store with an empty cartThe initial message appears.
Add products without reaching the goalThe in-progress message shows the remaining amount.
Add enough products to reach the goalThe goal reached message appears.
Continue to checkout with an eligible shipping addressShopify offers the free shipping option you configured.

If the bar shows that the goal has been reached but checkout still charges for shipping, review your Shopify shipping settings. Check the minimum order amount, destination, and shipping profile covering the products in the cart.

Need help?​

If the bar does not appear or you need help with your setup, contact [email protected].

Include your store URL, a screenshot of your FreeGo settings, and a description of what happens on your storefront.